<template>
    <div>
    <keep-alive>
        <vue06s v-if="show"></vue06s>
        <vue06ss v-else></vue06ss>
        <!-- 一般会使用路由组件 -->
    </keep-alive>
    <button @click="jia">点击切换</button>
    </div> 
</template>

<script>
import vue06s from './day06s.vue'
import vue06ss from './day06ss.vue'
// keep-alive 用于缓存组件 从本地读取缓存，优化性能
// activeed 组件激活时 
// deactived 组件失活时
export default {
    name:'MyDay6',
    data(){
        return{
        show:true,
        }
    },
    methods:{
        jia(){
            this.show=!this.show;
            console.log(111);
            // 类似于setTimeout的执行流程，
            // 区别：this.$nextTick会优先执行回调
            // setTimeout延迟执行回调
            // setTimeout(()=>{
            //     console.log(44444);
            // },0)
            // this.$nextTick(()=>{
            //     console.log(22222);
            // })           
            // console.log(33333);
        }
    },
    components:{
        vue06s,
        vue06ss
    },
   
}
</script>

<style>

</style>